@charset "utf-8";
.body-erti {background-color: #eef9ff}
.logo-erti {
    display: block;
    width: 839px;
    height: 178px;
    background: url(images/logo_erti.png) no-repeat center 0
}
.logo-erti span {
    display: none
}
.slogo {
    display: block;
    width: 471px;
    height: 107px;
    background: url(images/logo_s_erti.png) no-repeat center center
}
.bg-erti {
    height: 180px;
    /*padding-top: 1.75rem;*/
    background: #ccf5e8 url(images/b-erti.png) no-repeat 88% 0
}
.bg-teacher {background-color: #ccccff}
.bg-foot {color:#000;background: #5ab536 url(images/bg_si_foot.png) repeat-x center 0}
.bg-moun {background: #fff url(images/bg-img-moun.png) no-repeat 50% 100%}
.bg-gren{background-color: #f0fffb}
a {color: #555;}
.bg-navbar-erti {
  background-color: #01b51f !important;
}
.form-control-erti {
  padding: 0.375rem 0.55rem;
  font-size: 0.675rem;
  border-radius: 0rem;
}
.btn-erti {
  padding: 0.125rem 0.45rem;
  font-size: 1rem;
  border-radius: 0rem;
}
.hnav {height: 48px;margin: 0;padding: 0;/*background: #036db3;*/}
.hnav > ul {
    width: 100%;
    margin: 0 auto;
    padding-left:0;
    padding-right:0;
    position: relative;
}
.hnav > ul > li {
    height: 48px;
    line-height: 48px;
    float: left;
    width: 9.09%;/*11.11/12.5*/
    text-align: center;
    list-style:none;
}

.hnav > ul > li > a {
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    display: block;
    text-decoration:none;
}

.hnav > ul > li:hover > a {
    background: #eef9ff;
    color: #00550e;
}
.list-group-round {
    padding-top: 1.65rem;
    padding-bottom:1rem;
}
.list-group-round li {
    position: relative;
    padding-left: 14px;
    overflow: hidden;
}

.list-group-round li:after {
    content: "";
    background: #cccccc;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
}
.list-group-round li {height: 34px;line-height: 34px}
.list-group-round li:after {margin-top: -2px}

.border-title{border-left:3px solid #ccc;}

.list-group-hong{padding:1rem 1rem;margin-bottom:1rem;}
.list-group-hong li {height: 36px;line-height: 36px}
.list-group-hong li .date {color: #ccc;font-size: small}
.list-group-hong li:nth-child(4n) {border-bottom: 1px dashed #ccc;margin-bottom: 1.75rem;padding-bottom: 2.65rem}
.infocontent {line-height: 2em;color: #666}
.infocontent img {display: block;margin: 1rem auto}
.infocontent table{border-collapse: collapse;width: 95%;margin:auto;}
.infocontent table th,.infocontent table td{border:1px solid #ccc;padding:5px;}
.infocontent table td p{margin:0;padding: 1px 5px;text-indent:0;}
.list-group-item-erti {
  color: #495057;
  /*background-color: #b8daff;*/
}

.list-group-item-erti.list-group-item-action:hover, .list-group-item-erti.list-group-item-action:focus {
  color: #495057;
  background-color: #f8f9fa;
}

.list-group-item-erti.list-group-item-action.active {
  color: #fff;
  background-color: #01b51f;
  border-color: #01b51f;
}
@media (max-width: 768px) {
    .bg-erti {
        width:100%;
        height:auto;
        padding-top:0.65rem;
        padding-bottom:0.15rem;
        /*background-image:none;*/
    }
    .bg-erti .container{padding: 0 3px;}
    .logo-erti {
        display:block;
        max-width:100%;
        height:80px;
        background: url("images/logo_s_erti.png") no-repeat center center;
        background-size:cover;
        margin-left:auto;
        margin-right:auto;
    }
    .hnav {height: auto}
    .hnav > ul {overflow: hidden}
    .hnav > ul {
        width: 100%;
        margin: 0 auto;
        position: relative
    }
    .hnav > ul > li {
        float: left;
        width: 25%;
        text-align: center;
        border-bottom: 1px solid #ccf5e8;
        border-right: 1px solid #ccf5e8;
    }
    .hnav > ul > li > a {font-size: 18px}
    .hnav > ul > li:nth-child(4n) {border-right: none}
    .infocontent{padding:10px;}
    .infocontent img {max-width: 100%;margin: 0}
}